<!DOCTYPE html>
<!-- 对话框 登录 -->
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="easyui.css">
<link rel="stylesheet" type="text/css" href="icon.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function() {
	$("#easyui").focus(function() {
		var val=$(this).val();
		if(val==this.defaultValue){
		   $(this).val("");
		}
		
	}).blur(function() {
		var val=$(this).val();
		if($.trim(val) == ""){
			this.value = this.defaultValue;
		}
	})
	
})
</script>
</head>
<body>

	<div style="margin:20px 0;">
		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')">Open</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('close')">Close</a>
	</div>
	<div id="dlg" class="easyui-dialog" title="登录" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px">
		用户名称：<input type="text" value="请输入用户名称" id="easyui"><p>
		用户密码：<input type="text" value="请输入用户密码"><p>
		确认密码：<input type="text" value="请输入确认密码"><p>
		<input type="submit" value="登录">
		<input type="submit" value="注册">
	</div>
</body>
</html>